@charset "utf-8";
/* CSS Document */
body {
    font-family: "Lucida Grande", "Microsoft JhengHei", "Microsoft YaHei";
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    background-color: #f5f5f5;
    margin: 0 auto;
}
body {
    padding: 0px;
    margin: 0px;
}
img {
    border: 0;
    max-width: 100%;
}
a {
    color: #666666;
    text-decoration: none;
}
a:hover {
    color: #e36c12;
    text-decoration: none;
}
ol, ul, li, td, tr, table, p, div {
    list-style: none;
}
hr {
    height: 1px;
    border-top: 1px solid #cbcbcb;
    border-left-style: none;
    border-bottom-style: none;
    border-right-style: none;
    margin-top: 20px;
}
h1, h2, h3, ul, li, dl, dt, dd, p {
    margin: 0px;
    padding: 0px
}
.clear {
    clear: both
}
.xmaincontent{width: 100%; margin: 0 auto;max-width: 750px;}
.head{width:100%;height: 80px;margin: 0 auto;background-color: #ffffff;position: fixed;top:0px;border-bottom: 1px solid #f1f1f1}
.logo{line-height: 80px; width: 85%;float: left;text-indent: 10px;font-size: 20px;font-weight: bold;color: #000000;overflow: hidden;height: 80px;}

.xbanner{width:100%;background-color: #ff0000;margin:0 auto;height:auto;margin-top: 80px;}
/*MENU*/
.nav {position: relative;width:100%;border: none;}
.btn-nav {position: fixed;top:15px;right: 10px;background: transparent;border: none;padding: 10px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease;-ms-transition: all .5s ease; -o-transition: all .5s ease;transition: all .5s ease;cursor: pointer; z-index:10;color:#c60019; }
.btn-nav:focus {outline: 0;}
.icon-bar {display: block;margin: 4px 0;width: 30px;height: 4px;background-color: #c60019;}
.btn-nav:hover .icon-bar {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease; background-color: #c60019;}
.nav-content {position: fixed;top: -100%;bottom: 0; left: 0;right: 0;background: #232323; display: block;height: 100%;z-index:1;}
.nav-list {list-style: none;padding: 0; position: relative;top: 15%; left:20%;}
.item-anchor:after {content: "";position: absolute;width: 3px;height: 3px;left: 0;bottom: 0;z-index: 9;background: transparent;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;
}
.item-anchor {color: #fff;font-size:18px;text-transform: uppercase; position: relative;text-decoration: none;padding: 10px 0;}
.item-anchor:hover,
.item-anchor:focus {color: #ffffff; -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease; -o-transition: all 1s ease;transition: all 1s ease;}

.item-anchor:hover:after,
.item-anchor:focus:after{width: 100%;background: #ffffff;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease; -o-transition: all 1s ease;transition: all 1s ease; }



.nav-item {margin: 20px auto;text-align: left;}
.animated {display: block;margin: 0 auto;}
.animated:hover .icon-bar,
.animated:focus .icon-bar{ background-color: #ffffff;}
.animated:focus {cursor: pointer;z-index: 9999;}
.middle {margin: 0 auto;}
.icon-bar {-webkit-transition: all .7s ease; -moz-transition: all .7s ease;-ms-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease; z-index: 999999;}
.animated .icon-bar {z-index: 999999; background-color: #FCA311;}
.animated .top {
	-webkit-transform: translateY(10px) rotateZ(45deg);
  -moz-transform: translateY(10px) rotateZ(45deg);
  -ms-transform: translateY(10px) rotateZ(45deg);
  -o-transform: translateY(10px) rotateZ(45deg);
  transform: translateY(10px) rotateZ(45deg);
}

.animated .bottom {
  -webkit-transform: translateY(-11px) rotateZ(-45deg);
  -moz-transform: translateY(-11px) rotateZ(-45deg);
  -ms-transform: translateY(-11px) rotateZ(-45deg);
  -o-transform: translateY(-11px) rotateZ(-45deg);
  transform: translateY(-11px) rotateZ(-45deg);
}

.animated .middle {width: 0;}

@keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-webkit-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-moz-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-o-keyframes showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

.showNav {
  -webkit-animation: showNav 1s ease forwards;
  -moz-animation: showNav 1s ease forwards;
  -o-animation: showNav 1s ease forwards;
  animation: showNav 1s ease forwards;
}

@keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-webkit-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-moz-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-o-keyframes hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

.hideNav {
  -webkit-animation: hideNav 1s ease forwards;
  -moz-animation: hideNav 1s ease forwards;
  -o-animation: hideNav 1s ease forwards;
  animation: hideNav 1s ease forwards;
}

.hidden {display: none;}
/*MENU*/

.xtt{background-color: #ff0000;line-height:30px; color: #ffffff;text-align: center;font-weight: bold;padding-bottom:6px;}
.xtt a{display: block;color: #ffffff}
.top_bg{width:100%;background-color: #ffffff; margin-top:8px;}


.icon-list .weui-grids{background:rgba(255,255,255,0.8); margin:2% 1%;padding:0%; display: -webkit-box; display: -webkit-flex; display: flex;}/*图标*/
.icon-list .weui-grid{padding:6px 10px;margin:20px 1%;-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.icon-list .weui-grid:nth-child(1){background: #f55}
.icon-list .weui-grid:nth-child(2){background: #00a7f7}
.icon-list .weui-grid:nth-child(3){background: #7cb832}
.icon-list .weui-grid:nth-child(4){background: #1e9e49}
.icon-list .weui-grid__icon+.weui-grid__label{margin-top:-5px; margin-bottom: 10px;}
.icon-list .weui-grid__icon{width:auto; height:auto; text-align: center; margin-top:15px;}
.icon-list .weui-grid .iconfont {font-size: 1.5rem;color:#fff;}
.icon-list .weui-grid  .weui-grid__label{color:#fff;text-align: center;}
.i_title{font-size: 24px;color: #000000; text-align: center; padding:20px 10px ;font-weight: bold}
.xtitle{font-size: 24px;color: #000000; text-align: left; padding:20px 10px ;font-weight: bold;border-bottom: 1px solid #f5f5f5}
.tttitle{font-size: 16px;color: #666666; text-align: left; padding:20px 10px ;border-bottom: 1px solid #f5f5f5}
.xptime{color: #666666;text-align: left; padding:20px 10px ;}
.i_title .pp{ color:#999999; text-align:center;font-size:14px; padding:5px 0; height:30px;overflow: hidden}
.i_title .s{border-bottom: 3px solid #c60019;line-height:10px; width: 25px; margin: 0 auto; margin-top: 5px;}
.content_i{ padding:10px 10px; padding-bottom:20px;}
.line-bottom{border-bottom: 1px solid #f5f5f5}
.mp30{padding-bottom: 30px}
.palist{ margin:0;}
.palist li{ overflow: hidden; padding: 1.5rem 1rem;background-color: #ffffff; border-bottom: 1px solid #f5f5f5; margin-bottom: .5rem;}
.palist li:last-child{ border-bottom: 0;margin-bottom: 1rem;}
.pagin{height:80px; }

.house-pic{float: left; width: 126px; height:98px; margin-right: 0.5rem;}
.house-pic1{ float: left; width: 6.75rem; height: 5.25rem; margin-right: 0.625rem; padding-left: 10px;}
.house-title{ overflow: hidden; height:37px; font-size:.9375rem;line-height:1.125rem; color: #000;font-weight: bold;  
  margin-bottom: 10px; }
.house-type{ font-size: .875rem; line-height:16px;overflow: hidden;color: #666666;}
.house-address{height: 1.25rem; font-size: .875rem; line-height: 1.25rem;color: #666666; width: 11rem; overflow: hidden;}

.xilie_btn{background-color: #ff0000;border-radius: 10px; color: #ffffff;height: 45px;text-align: center;width: 95%;margin: 0 auto;line-height: 45px;}
.xilie_btn a{color: #ffffff;display: block;}
.f14red{font-size: 20px; color: #ff0000; padding:10px;}

.list-3 li{
    width: 90%;
    margin: 0 auto;
    margin-bottom: 10px;
}

 .mask {
/*    position: relative;*/
    padding: 0 15px;
    top: 0px;
    left: 0;
    z-index: 129;
}

.mask .content {
    width: 96%;
    margin: 0 auto;
    background-color: #f1f1f1;
    padding: 15px;
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    margin-bottom: 10px;
}

.mask .content p.date {
    font-size: 14px;
    color: #999;
}

.mask .content p.date span {
    padding: 0 10px;
}

.mask .content p.title {
    font-size: 16px;
    font-weight: bold;
}

.mask .content p.t1 {
    font-size: 14px;
    color: #999;
    text-align: justify;
    margin: 15px 0 0;
}
.foot{background-color: #333333;width: 100%;margin-bottom: 130px}
.txt_foot{padding:40px;text-align: center;color: #D4D1D1;}

.pages {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin: 60px auto;
}
.pages a {
    display: inline-block;
    margin: 0px 5px;
    width: 40px;
    height: 40px;
    border: 1px solid #e5e5e5;
    line-height: 40px;
}
.pages a.currentpage {
    border: 1px solid #ff7e45;
    background: #ff7e45;
    color: #fff;
}
.pages a:hover {
    border: 1px solid #ff7e45;
    background: #ff7e45;
    color: #fff;
}
.message-board-form{ width: 96%; margin: 0 auto;margin-top:20px }
.message-board-form li{ overflow: hidden; }
.message-board-form .s-input,
.message-board-form .s-textarea{ width: 90%; line-height: 24px; border: 2px solid #f5f5f5; color: #666666;  padding: 10px 15px; margin-bottom: 20px; transition:300ms; -webkit-transition:300ms; }
.message-board-form .m .s-input{ float: left; width: 90%; margin-left: 0px; } 
.message-board-form .m .s-input:first-child{ margin-left: 0; }
.message-board-form .s-textarea{ height: 192px; }
.message-board-form .s-input:focus,
.message-board-form .s-textarea:focus{ border-color:#f4a05a; }
.submit-btn{ width: 96%; height: 55px;margin: 0 auto;background: #000000; padding: 0 20px; text-align: center;  cursor: pointer; color: #ffffff; -webkit-transition: background-color 300ms; transition: background-color 300ms;border: 0;}


.footiconlist .weui-grids{ padding:0%; display: -webkit-box; display: -webkit-flex; display: flex;}/*图标*/
.footiconlist .weui-grid{padding:10px 10px 0 10px;margin:0px 0;-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.footiconlist .weui-grid:nth-child(1){background: #f55}
.footiconlist .weui-grid:nth-child(2){background: #00a7f7}
.footiconlist .weui-grid:nth-child(3){background: #7cb832}
.footiconlist .weui-grid:nth-child(4){background: #1e9e49}
.footiconlist .weui-grid__icon+.weui-grid__label{margin-top:-15px;}
.footiconlist .weui-grid__icon{width:28px; height:auto; text-align: center;margin: 0 auto;}
.footiconlist .weui-grid .iconfont {font-size: 1rem;color:#fff;}
.footiconlist .weui-grid  .weui-grid__label{color:#fff;text-align: center;}
.navx {
    width: 100%;
    height: 85px;
    overflow: hidden;
    background: #ff5555;
    margin-top: 0px;
}
.navx {
}
.navx ul {
}
.navx li {
    float: left;
    width: 33%;
    border-right: 1px solid rgba(206,86,86,0.5);
    border-bottom: 1px solid rgba(206,86,86,0.5);
}
.navx li a {
    font-size: 16px;
    font-weight: bold;
    height: 42px;
    width: 100%;
    text-align: center;
    line-height: 42px;
    display: block;
    text-align: center;
    color: #FFFFFF;
}